<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
    <mdl-layout-header>
        <mdl-layout-header-row>
            <mdl-layout-title>
                <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;" />
            </mdl-layout-title>
            <mdl-layout-spacer></mdl-layout-spacer>
            <nav class="mdl-navigation">
            </nav>
        </mdl-layout-header-row>
    </mdl-layout-header>
    <mdl-layout-content mdl-shadow="16">
        <div class="ui-g-2 border-spe-right" style="height: 100%;padding: 0;">
            <p-tree [value]="reportTree" selectionMode="single" [filter]="true" filterMode="strict" [loading]="loading"
                [(selection)]="selectedNode" (onNodeSelect)="nodeSelect()" emptyMessage="无数据"
                [style]="{'height': '97%','width':'100%','border-style':'none','background':'transparent', 'padding':'0px'}">
            </p-tree>
            <i class="fa fa-plus-circle fa-2x custom-biz-add" (click)="createQuery($event)"></i>
        </div>
        <div class="ui-g-10" style="height: 100%;padding:0">
            <p-tabView>
                <p-tabPanel leftIcon="fa fa-bandcamp" header="基础信息">
                    <report-config-base [reportId]='reportId'></report-config-base>
                </p-tabPanel>
                <p-tabPanel *ngIf="report.reportTypeId != 3" leftIcon="fa fa-bandcamp" header="查询条件">
                    <report-config-cond [reportId]='reportId'></report-config-cond>
                </p-tabPanel>
                <p-tabPanel *ngIf="report.reportTypeId == 2" leftIcon="fa fa-bandcamp" header="分组汇总">
                    <report-config-statis [reportId]='reportId'></report-config-statis>
                </p-tabPanel>
                <p-tabPanel leftIcon="fa fa-bandcamp" header="权限过滤">
                    <report-config-authfilter [reportId]='reportId'></report-config-authfilter>
                </p-tabPanel>
            </p-tabView>
        </div>
    </mdl-layout-content>
</mdl-layout>